<!DOCTYPE html>
<html lang="en">

<head>
    <title>Able Pro Responsive Bootstrap 4 Admin Template by Phoenixcoded</title>
    <!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->

     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
     <base href="{{ $param['uri']['base'] }}">
     <!-- Favicon icon -->
     <link rel="shortcut icon" href="static/mp/assets/images/favicon.png" type="image/x-icon">
     <link rel="icon" href="static/mp/assets/images/favicon.ico" type="image/x-icon">

     <!-- Google font-->
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">

     <!-- iconfont -->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/icon/icofont/css/icofont.css">

      <link rel="stylesheet" href="static/mp/assets/plugins/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" />
   <link rel="stylesheet" href="static/mp/assets/plugins/multiselect/css/multi-select.css" />

     <!-- simple line icon -->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/icon/simple-line-icons/css/simple-line-icons.css">

     <!-- Required Fremwork -->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/plugins/bootstrap/css/bootstrap.min.css">

     <!-- Weather css -->
     <link href="static/mp/assets/css/svg-weather.css" rel="stylesheet">

     <!-- Echart js -->
     <script src="static/mp/assets/plugins/charts/echarts/js/echarts-all.js"></script>

     <!-- Style.css -->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/css/main.css">

     <!-- Responsive.css-->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/css/responsive.css">

     <!--color css-->
     <link rel="stylesheet" type="text/css" href="static/mp/assets/css/color/color-1.min.css" id="color"/>
{!! css() !!}
 </head>
 <body class="sidebar-mini fixed">
    <div class="loader-bg">
        <div class="loader-bar">
        </div>
    </div>
    <div class="wrapper">
    <!--   <div class="loader-bg">
    <div class="loader-bar">
    </div>
</div> -->
<!-- Navbar-->
@include('Mp::public.header')
        <!-- Side-Nav-->
        @include('Mp::public.nav')
        <!-- Sidebar chat start -->
       @include('Mp::public.sidebar_menu')
<!-- Sidebar chat end-->
<div class="content-wrapper">

   <!-- Container-fluid starts -->
   <!-- Main content starts -->
  @yield('content')
<!-- Main content ends -->
<!-- Container-fluid ends -->
<div class="fixed-button">
    <a href="https://themeforest.net/item/able-pro-responsive-bootstrap-4-admin-template/19300403?ref=phoenixcoded" class="btn btn-md btn-primary">
      <i class="fa fa-shopping-cart" aria-hidden="true"></i> Upgrade To Pro
  </a>
</div>
@include('Mp::public.footer')
</div>
</div>


<!-- Warning Section Starts -->
<!-- Older IE warning message -->
<!--[if lt IE 9]>
      <div class="ie-warning">
          <h1>Warning!!</h1>
          <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
          <div class="iew-container">
              <ul class="iew-download">
                  <li>
                      <a href="http://www.google.com/chrome/">
                          <img src="assets/images/browser/chrome.png" alt="Chrome">
                          <div>Chrome</div>
                      </a>
                  </li>
                  <li>
                      <a href="https://www.mozilla.org/en-US/firefox/new/">
                          <img src="assets/images/browser/firefox.png" alt="Firefox">
                          <div>Firefox</div>
                      </a>
                  </li>
                  <li>
                      <a href="http://www.opera.com">
                          <img src="assets/images/browser/opera.png" alt="Opera">
                          <div>Opera</div>
                      </a>
                  </li>
                  <li>
                      <a href="https://www.apple.com/safari/">
                          <img src="assets/images/browser/safari.png" alt="Safari">
                          <div>Safari</div>
                      </a>
                  </li>
                  <li>
                      <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                          <img src="assets/images/browser/ie.png" alt="">
                          <div>IE (9 & above)</div>
                      </a>
                  </li>
              </ul>
          </div>
          <p>Sorry for the inconvenience!</p>
      </div>
      <![endif]-->
      <!-- Warning Section Ends -->

      <!-- Required Jqurey -->
      <script src="static/mp/assets/plugins/jquery/dist/jquery.min.js"></script>
      <script src="static/mp/assets/plugins/jquery-ui/jquery-ui.min.js"></script>
      <script src="static/mp/assets/plugins/tether/dist/js/tether.min.js"></script>

      <!-- Required Fremwork -->
      <script src="static/mp/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

      <!-- waves effects.js -->
      <script src="static/mp/assets/plugins/Waves/waves.min.js"></script>

      <!-- Scrollbar JS-->
      <script src="static/mp/assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
      <script src="static/mp/assets/plugins/jquery.nicescroll/jquery.nicescroll.min.js"></script>

      <!--classic JS-->
      <script src="static/mp/assets/plugins/classie/classie.js"></script>

      

      <!-- Rickshaw Chart js -->
      <script src="static/mp/assets/plugins/d3/d3.js"></script>
      <script src="static/mp/assets/plugins/rickshaw/rickshaw.js"></script>

      <!-- Sparkline charts -->
      <script src="static/mp/assets/plugins/jquery-sparkline/dist/jquery.sparkline.js"></script>

      <!-- Counter js  -->
      <script src="static/mp/assets/plugins/waypoints/jquery.waypoints.min.js"></script>
      <script src="static/mp/assets/plugins/countdown/js/jquery.counterup.js"></script>

      <!-- custom js -->
      <script type="text/javascript" src="static/mp/assets/js/main.js"></script>
      <script type="text/javascript" src="static/mp/assets/pages/dashboard.js"></script>
      <script type="text/javascript" src="static/mp/assets/pages/elements.js"></script>
      <script src="static/mp/assets/js/menu.min.js"></script>
      
      {!! js() !!}
      <script>

        var $window = $(window);
        var nav = $('.fixed-button');
        $window.scroll(function(){
            if ($window.scrollTop() >= 200) {
             nav.addClass('active');
         }
         else {
             nav.removeClass('active');
         }
     });
    </script>
    {!! script() !!}

</body>

</html>
